[V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useState } from "react" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" export default function GroutCalculator() { const [tileHeight, setTileHeight] = useState(300) const [tileWidth, setTileWidth] = useState(600) const [verticalGroutWidth, setVerticalGroutWidth] = useState(3) const [horizontalGroutWidth, setHorizontalGroutWidth] = useState(3) const [tileThickness, setTileThickness] = useState(9) const [area, setArea] = useState(30) const [result, setResult] = useState<{ mortar: string; bond: string } | null>(null) const calculateGrout = () => { // タイル1枚あたりの目地の体積を計算 const groutVolumePerTile = (tileHeight * horizontalGroutWidth * tileThickness + tileWidth * verticalGroutWidth * tileThickness - verticalGroutWidth * horizontalGroutWidth * tileThickness) / 1000000000 // m^3に変換 // 1m^2あたりのタイル枚数を計算 const tilesPerSquareMeter = 1 / (((tileHeight + horizontalGroutWidth) * (tileWidth + verticalGroutWidth)) / 1000000) // 総目地量を計算 (m^3) const totalGroutVolume = groutVolumePerTile * tilesPerSquareMeter * area // 目地材の密度を仮定 (kg/m^3) const groutDensityMin = 1600 const groutDensityMax = 1760 // 必要な目地材の重量を計算 (kg) const groutWeightMin = totalGroutVolume * groutDensityMin const groutWeightMax = totalGroutVolume * groutDensityMax // モルタル貼りとボンド貼りの場合の係数 const mortarFactor = 1.0 const bondFactor = 1.143 // 14.3%増 setResult({ mortar: `${(groutWeightMin * mortarFactor).toFixed(2)}kg~${(groutWeightMax * mortarFactor).toFixed(2)}kg`, bond: `${(groutWeightMin * bondFactor).toFixed(2)}kg~${(groutWeightMax * bondFactor).toFixed(2)}kg`, }) } return (

目地材使用量試算プログラム

入力計算

A：タイルのタテ長さ (mm) setTileHeight(Number(e.target.value))} />

B：タイルのヨコ長さ (mm) setTileWidth(Number(e.target.value))} />

C：目地のタテ幅 (mm) setVerticalGroutWidth(Number(e.target.value))} />

D：目地のヨコ幅 (mm) setHorizontalGroutWidth(Number(e.target.value))} />

タイルの厚み (mm) setTileThickness(Number(e.target.value))} />

目地埋め面積 (㎡) setArea(Number(e.target.value))} />

{result && ( 計算結果

タイルの貼り方	必要な目地の袋数(目安)
モルタル貼りの場合	{result.mortar}は必要
ボンド貼りの場合	{result.bond}は必要

)}

) }

About

Tags

Share

More from natori

More Templates Like This

About

Tags

Share

About

Tags

Share

More from natori

More Templates Like This